.elevatorStatus {
    display: flex;
    flex-direction: column;
}

.maintenanceStatistics {
    width: 83rem;
    background: url('@/assets/home/elevatorStauts/maintenance_statistics.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 60rem;
}

.maintenanceStatisticsHeader {
    display: flex;
    gap: 4rem;
    margin-top: 10rem;
    align-items: center;
}

.maintenanceStatisticsHeaderLabel {
    font-size: 3.4rem;
}

.maintenanceStatisticsHeaderCount {
    font-size: 4rem;
    color: #0aaeb2;
}

.maintenanceStatisticsChart {
    width: 80rem;
    height: 40rem;
    /* margin: 12rem 1.5rem 0; */
    margin: 2rem 1.5rem 0;
}

.elevatorHealthAnalysis {
    width: 83rem;
    background: url('@/assets/home/elevatorStauts/elevator_health_analysis.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 48rem;
}

.elevatorHealthAnalysisChart {
    margin-top: 6rem;
    width: 80rem;
    height: 38rem;
}

.failureType {
    width: 83rem;
    background: url('@/assets/home/elevatorStauts/failure_type.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 46rem;
}

.failureTypeContent {
    margin-top: 10rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.failureTypeContentItem {
    display: flex;
    align-items: center;
}

.failureTypeContentItemNum {
    font-size: 2.4rem;
    margin-right: 2rem;
    color: rgba(255, 255, 255, .5)
}

.failureTypeContentItemLength {
    height: 0.9rem;
    width: 50rem;
    background: linear-gradient(to right, #01898c, #99ecff);
    border-radius: 0.3rem;
}

.failureTypeContentItemTypeLabel {
    height: 3rem;
    border-radius: 0.95rem;
    border: 0.2rem #1ee7e7 solid;
    color: #fff;
    margin-left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 1.2rem;
    font-size: 2.4rem;
    color: #fff;
    background-color:  #062a33;
}

.creditScore {
    width: 83rem;
    background: url('@/assets/home/elevatorStauts/credit_score.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 44rem;
}

.creditScoreStarTable {
    margin-top: 7rem;
}

.creditScoreStarTableheader {
    display: flex;
    list-style: none;
    font-size: 2.4rem;
    margin: 0;
    height: 5.2rem;
    padding: 0;
}

.creditScoreStarTableheader li {
    display: flex;
    align-items: center;
}

.creditScoreStarTableheader li:nth-child(1) {
    text-indent: 10rem;
}

.creditScoreStarTableheader li:nth-child(2) {
    text-indent: 7.5rem;
}

.creditScoreStarTableheader li:nth-child(3) {
    text-indent: 15.5rem;
}

.creditScoreStarTableheader li:nth-child(4) {
    text-indent: 12.5rem;
}

.creditScoreStarTableBody {
    display: flex;
    flex-direction: column;
}

.creditScoreStarTableItem {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 5.7rem;
}

.creditScoreStarTableItem:not(:first-child) {
    height: 6.45rem;
}

.creditScoreStarTableItem li {
    display: flex;
    align-items: center;
}

.creditScoreStarTableItem li:nth-child(1) {
    margin-left: 10rem;
}

.creditScoreStarTableItem li:nth-child(2) {
    margin-left: 8.3rem;
    color: #a5bac8;
    font-size: 1.6rem;
    width: 21rem
}

.creditScoreStarTableItem li:nth-child(3) {
    color: #a5bac8;
    font-size: 1.6rem;
    width: 20rem
}

